<article class="module-link">
    <loading v-if="isLoading === true"></loading>
    <div class="web-content-recharge-usc" v-show="isLoading === false">
        <div class="web-logo">
            <a href="./index.html">
                <img class="web-img" src="../../img/logo-black.png" height="30">
            </a>
            <p class="web-text">{{$t('title')}}</p>
        </div>
        <div class="web-content m-form-page m-form-login">

            <select-k :title="$t('moneyNo')" :options="selectOptionsMoney" :optionClick="selectMoney" :selectedVal="defaultSeledMoneyVal"></select-k>

            <div class="usc-display"><div class="usc-display-tit">{{$t('uscNum')}}</div> <div class="usc-display-con">{{uscNum}}</div></div>

            <select-k :title="$t('yy')" :options="selectOptionsYY" :optionClick="selectYY" :selectedVal="defaultSeledYYVal"></select-k>

            <div class="col-row fn-flex">
                <label class="row-title">{{$t('cardNo')}}</label>
                <input type="text"
                       :placeholder="$t('placeholderCardNo')"
                       name="email"
                       @focus="clearCardNoErr"
                       v-model="form.cardNo"
                       class="input">
                <div class="ui-tip">
                    <span class="error">{{cardNoErr}}</span>
                </div>
            </div>
            <div class="col-row fn-flex">
                <label class="row-title">{{$t('password')}}</label>
                <input type="text"
                       :placeholder="$t('placeholderPassword')"
                       v-model="form.password"
                       @focus="clearpwdErr"
                       name="password"
                       autocomplete="off"
                       class="input">
                <div class="ui-tip"><span class="error">{{passwordErr}}</span></div>
            </div>

            <div class="receive">
                <button type="submit"
                    class="ui-btn ui-btn--block"
                    v-if="isRequesting === false"
                    @click="getPresned()"
                >
                    {{ $t('common.confirm') }}
                </button>
                <button type="submit"
                    class="ui-btn  ui-btn--block"
                    disabled
                    v-if="isRequesting === true"
                >
                    {{ $t('common.waiting') }}...
                </button>
            </div>

            <!-- <div class="go-account">
                <a href="./account.html">{{$t('goAccount')}}</a>
            </div> -->
            <div class="notice">
                {{$t('notice')}}
                <a href="./account.html">{{$t('goAccount')}}</a>
            </div>
        </div>
    </div>
</article>
